<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../templates/layoutEgresado.xhtml">

	<ui:define name="title"> SISCONTEG: Egresado</ui:define>
	<ui:define name="contenido">

		<h:form>

			<p:menubar styleClass="ui-state-hover" autoDisplay="false">
				<p:menuitem value="FISI - SISTEMA DE CONTROL DE EGRESADOS"
					style="font-weight: bold" />
				<p:menuitem value="|" />
				<p:menuitem
					value="#{egresadoController.egresado.alumno.nombres}, #{egresadoController.egresado.alumno.apPaterno} #{egresadoController.egresado.alumno.apMaterno}"
					icon="ui-icon-person" />
				<p:menuitem value="Cerrar Sesion" icon="ui-icon-circle-close"
					action="#{egresadoController.logoutAction}"
					style="position: absolute; right: 4px;" ajax="false" />
			</p:menubar>
		</h:form>
		<h:form id="myform" prependId="false">
			<p:growl id="growl" showDetail="false" />
			<table style="width: 100%;">
				<tr height="20px">
					<td colspan="3"></td>
				</tr>
				<tr>
					<td width="5%"></td>
					<td align="center"><p:tabView effect="slide"
							effectDuration="normal" id="tabView">

							<p:tab title="Experiencia Laboral">
								<p:fieldset>
									<table>
										<tr>
											<td><h:outputText value="Empresa:" /></td>
											<td><h:selectOneMenu id="somEmpresas"
													value="#{egresadoController.experienciaLabEditar.empresa.idEmpresa}"
													style="width:18em;">
													<f:selectItem itemValue="0" itemLabel="Escoja una opcion" />
													<f:selectItems value="#{egresadoController.listEmpresas}"
														var="emp" itemValue="#{emp.idEmpresa}"
														itemLabel="#{emp.nombre}" />
												</h:selectOneMenu> <p:spacer width="10" /> <p:commandButton
													icon="ui-icon-document" title="Ingresar Empresa nueva"
													update=":otroform:opEmpresa"
													actionListener="#{egresadoController.limpiarDialgoEmp}"
													oncomplete="dlgEmpresa.show();" /></td>
										</tr>
										<tr>
											<td><h:outputText value="Area:" /></td>
											<td><p:inputText
													value="#{egresadoController.experienciaLabEditar.area}"
													size="40" /></td>
										</tr>
										<tr>
											<td><h:outputText value="Cargo:" /></td>
											<td><p:inputText
													value="#{egresadoController.experienciaLabEditar.cargo}"
													size="40" /></td>
										</tr>
										<tr>
											<td><h:outputText value="Fecha Inicio:" /></td>
											<td><p:calendar
													value="#{egresadoController.experienciaLabEditar.fechaInicio}" /></td>
										</tr>
										<tr>
											<td><h:outputText value="Fecha Fin:" /></td>
											<td><p:calendar
													value="#{egresadoController.experienciaLabEditar.fechaFin}" /></td>
										</tr>
										<tr>
											<td colspan="2" align="center"><p:commandButton
													value="Guardar Experiencia laboral" icon="ui-icon-disk"
													actionListener="#{egresadoController.guardarExperienciaLab}"
													update="dtExpLab, :myform:growl" /></td>
										</tr>
									</table>
								</p:fieldset>
								<p:fieldset>
									<p:dataTable id="dtExpLab" var="expLab"
										value="#{egresadoController.egresado.experienciasLaborales}"
										paginator="true" rows="10" selectionMode="single"
										selection="#{egresadoController.experienciaLabSeleccionado}"
										rowKey="#{expLab.idExperienciaLaboral}"
										emptyMessage="No hay experiencia laboral"
										paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
										<p:column headerText="Empresa">
											<h:outputText value="#{expLab.empresa.nombre}" />
										</p:column>

										<p:column headerText="Area">
											<h:outputText value="#{expLab.area}" />
										</p:column>

										<p:column headerText="Cargo">
											<h:outputText value="#{expLab.cargo}" />
										</p:column>

										<p:column headerText="Desde-Hasta">
											<h:outputText
												value="#{expLab.fechaInicio} hasta #{expLab.fechaFin}" />
										</p:column>
									</p:dataTable>
								</p:fieldset>
							</p:tab>

							<p:tab title="Otros Estudios">
								<p:fieldset>
									<table>
										<tr>
											<td><h:outputText value="Centro de Estudios:" /></td>
											<td><p:inputText
													value="#{egresadoController.otroEstudioEditar.nomCentroEstudio}"
													size="40" /></td>
										</tr>
										<tr>
											<td><h:outputText value="Estudio:" /></td>
											<td><p:inputText
													value="#{egresadoController.otroEstudioEditar.nomEstudio}"
													size="40" /></td>
										</tr>
										<tr>
											<td><h:outputText value="Fecha Inicio:" /></td>
											<td><p:calendar
													value="#{egresadoController.otroEstudioEditar.fechaIni}" /></td>
										</tr>
										<tr>
											<td><h:outputText value="Fecha Fin:" /></td>
											<td><p:calendar
													value="#{egresadoController.otroEstudioEditar.fechaFin}" /></td>
										</tr>
										<tr>
											<td colspan="2" align="center"><p:commandButton
													icon="ui-icon-disk" value="Guardar otro estudio"
													actionListener="#{egresadoController.guardarOtroEstudio}"
													update="dtOtrEst, :myform:growl" /></td>
										</tr>
									</table>
								</p:fieldset>
								<p:fieldset>
									<p:dataTable id="dtOtrEst" var="otrEst"
										value="#{egresadoController.egresado.otrosEstudios}"
										paginator="true" rows="10" selectionMode="single"
										selection="#{egresadoController.otroEstudioSeleccionado}"
										rowKey="#{otrEst.idOtroEstudio}"
										paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
										<p:column headerText="Centro de Estudios">
											<h:outputText value="#{otrEst.nomCentroEstudio}" />
										</p:column>

										<p:column headerText="Estudio">
											<h:outputText value="#{otrEst.nomEstudio}" />
										</p:column>

										<p:column headerText="Desde-Hasta">
											<h:outputText
												value="#{otrEst.fechaIni} hasta #{otrEst.fechaFin}" />
										</p:column>
									</p:dataTable>
								</p:fieldset>
							</p:tab>

							<p:tab title="Certificaciones">
								<p:fieldset>
									<table>
										<tr>
											<td><h:outputText value="Certificado:" /></td>
											<td><h:selectOneMenu
													value="#{egresadoController.egreCertificadoEditar.certificado.idCertificado}"
													style="width:18em;">
													<f:selectItem itemValue="0" itemLabel="Escoja una opcion" />
													<f:selectItems
														value="#{egresadoController.listCertificados}"
														var="certif" itemValue="#{certif.idCertificado}"
														itemLabel="#{certif.nombre}" />
												</h:selectOneMenu></td>
										</tr>
										<tr>
											<td><h:outputText value="Fecha Emision:" /></td>
											<td><p:calendar
													value="#{egresadoController.egreCertificadoEditar.fechaEmision}" /></td>
										</tr>
										<tr>
											<td colspan="2" align="center"><p:commandButton
													icon="ui-icon-disk" value="Guardar Certificado"
													actionListener="#{egresadoController.guardarEgresadoCertificado}"
													update="dtCert, :myform:growl" /></td>
										</tr>
									</table>
								</p:fieldset>
								<p:fieldset>
									<p:dataTable id="dtCert" var="cert"
										value="#{egresadoController.egresado.egresadoCertificados}"
										paginator="true" rows="10" selectionMode="single"
										selection="#{egresadoController.egreCertificadoSeleccionado}"
										rowKey="#{cert.idEgresadoCertificado}"
										paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
										<p:column headerText="Certificado">
											<h:outputText value="#{cert.certificado.nombre}" />
										</p:column>

										<p:column headerText="Fecha Emision">
											<h:outputText value="#{cert.fechaEmision}" />
										</p:column>
									</p:dataTable>
								</p:fieldset>
							</p:tab>

							<p:tab title="Tesis/Tesinas">
								<p:fieldset>
									<table>
										<tr>
											<td><h:outputText value="Tipo de Tesis:" /></td>
											<td><h:selectOneRadio
													value="#{egresadoController.tesisEditar.flagTesisTesina}">
													<f:selectItem itemValue="#{false}" itemLabel="Tesis" />
													<f:selectItem itemValue="#{true}" itemLabel="Tesina" />
												</h:selectOneRadio></td>
										</tr>
										<tr>
											<td><h:outputText value="Grado de Tesis:" /></td>
											<td><h:selectOneMenu
													value="#{egresadoController.gradoTesis}"
													style="width:18em;">
													<f:selectItem itemValue="0" itemLabel="Escoja una opcion" />
													<f:selectItems value="#{egresadoController.listGradoTesis}"
														var="tesis" itemValue="#{tesis.idGradoTesis}"
														itemLabel="#{tesis.nombreGradoTesis}" />
												</h:selectOneMenu></td>
										</tr>
										<tr>
											<td><h:outputText value="Titulo de la Tesis/Tesina:" /></td>
											<td><p:inputText
													value="#{egresadoController.tesisEditar.titulo}" size="40" /></td>
										</tr>
										<tr>
											<td colspan="2" align="center"><p:commandButton
													icon="ui-icon-disk" value="Guardar Tesis/Tesina"
													actionListener="#{egresadoController.guardarTesis}"
													update="dtTesis, :myform:growl" /></td>
										</tr>
									</table>
								</p:fieldset>
								<p:fieldset>
									<p:dataTable id="dtTesis" var="tesis"
										value="#{egresadoController.egresado.listTesis}"
										paginator="true" rows="10" selectionMode="single"
										selection="#{egresadoController.tesisSeleccionado}"
										rowKey="#{tesis.idTesis}"
										paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
										<p:column headerText="Tesis/Tesina">
											<h:outputText value="#{tesis.titulo}" />
										</p:column>

										<p:column headerText="Tipo">
											<h:outputText value="#{tesis.gradoTesis.nombreGradoTesis}" />
										</p:column>
									</p:dataTable>
								</p:fieldset>
							</p:tab>
						</p:tabView></td>
					<td width="5%"></td>
				</tr>
			</table>
		</h:form>
		<h:form id="otroform" prependId="false">
			<p:dialog widgetVar="dlgEmpresa" header="Ingresar Nueva Empresa"
				id="iddlgEmpresa" modal="true" resizable="false">
				<p:outputPanel id="opEmpresa">
					<table>
						<tr>
							<td colspan="2"><p:commandButton icon="ui-icon-disk"
									title="Guardar nueva Empresa"
									oncomplete="handleLoginRequest(xhr, status, args);"
									actionListener="#{egresadoController.guardarEmpresa}"
									update=":myform:tabView:somEmpresas,:myform:growl" /></td>
						</tr>
						<tr>
							<td><h:outputText value="Nombre:" /></td>
							<td><p:inputText
									value="#{egresadoController.empresa.nombre}"
									style="width:300px" required="true" id="txtNombre"
									label="Nombre"
									requiredMessage="Debe ingresar el nombre de la empresa" /></td>
						</tr>
						<tr>
							<td><h:outputText value="Direccion:" /></td>
							<td><p:inputText
									value="#{egresadoController.empresa.direccion}"
									style="width:300px" required="true" id="txtDireccion"
									label="Direccion"
									requiredMessage="Debe ingresar la dirección de la empresa" /></td>
						</tr>
						<tr>
							<td><h:outputText value="RUC:" /></td>
							<td><p:inputText value="#{egresadoController.empresa.ruc}"
									style="width:300px" maxlength="11"
									validatorMessage="El ruc debe tener 11 digitos">
									<f:validateLength minimum="11" maximum="11" />
								</p:inputText></td>
						</tr>
					</table>
				</p:outputPanel>
			</p:dialog>
		</h:form>

		<script type="text/javascript">  
    		function handleLoginRequest(xhr, status, args) {  
        		if(args.validationFailed) {  
            		jQuery('#iddlgEmpresa').effect("shake", { times:3 }, 100);  
        		} else {  
        			dlgEmpresa.hide();  
            		jQuery('#loginLink').fadeOut();  
        		}  
    		}  
		</script>
	</ui:define>
</ui:composition>